@charset "UTF-8";.outerWrap {overflow:hidden;}
.mainArea {padding:0;}
#banner {font-size:0;}
.bannerArea .Img {overflow:hidden;}
.bannerArea .Img.active img {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.bannerArea .Img img {display:block;width:100%;-webkit-transition:all 5s linear;-o-transition:all 5s linear;transition:all 5s linear;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.bannerArea .Txt {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;}

@media(max-width:1400px){
.bannerArea .Txt img{ max-width:120%;}
}


@media(max-width:1024px){
.bannerArea .Txt img{ max-width:120%;}
}

@media(max-width:639px){
.bannerArea .Img img {display:block;width: 100%;-webkit-transition:all 5s linear;-o-transition:all 5s linear;transition:all 5s linear;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); }
}


.bannerArea .Txt_join {text-align:left;left:20%;padding:30px 30px 50px 30px;background:rgba(255,255,255,0.6);overflow:hidden;}
.bannerArea .Txt.active .sub_title span,.bannerArea .Txt.active .title span,.bannerArea .Txt.active .word span {opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);}
.bannerArea .sub_title {font-size:36px;font-weight:700;color:#34336e;text-transform:uppercase;letter-spacing:0;white-space:nowrap; 
-webkit-text-stroke: 2px #ffffff;
}
.bannerArea .sub_title span {display:inline-block;opacity:0;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all 0.3s cubic-bezier(0,0,0.73,1.21);-o-transition:all 0.3s cubic-bezier(0,0,0.73,1.21);transition:all 0.3s cubic-bezier(0,0,0.73,1.21);}
.bannerArea .sub_title span.spec {width:6px;}
.bannerArea .title {font-size:50px;font-weight:400;color:#fff;letter-spacing:1px;padding:10px 0 40px;margin-bottom:20px;white-space:nowrap;position:relative;}
.bannerArea .title:before {/*  content:"";position:absolute;left:50%;bottom:0;width:1px;height:25px;background-color:#a2c9eb;*/}
.bannerArea .title span {display:inline-block;opacity:0;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all 0.3s cubic-bezier(0,0,0.73,1.21);-o-transition:all 0.3s cubic-bezier(0,0,0.73,1.21);transition:all 0.3s cubic-bezier(0,0,0.73,1.21);}
.bannerArea .title span.spec {width:10px;}
.bannerArea .word {font-size:18px;line-height:36px;font-weight:300;color:#000;max-width:1000px;text-align:center;margin-top:-50px;}
.bannerArea .word span {display:inline-block;opacity:0;-webkit-transform:translate Y(10px);-ms-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all 0.3s cubic-bezier(0,0,0.73,1.21);-o-transition:all 0.3s cubic-bezier(0,0,0.73,1.21);transition:all 0.3s cubic-bezier(0,0,0.73,1.21);}
.bannerArea .word span.spec {width:6px;}
.bannerArea .numBox {position:absolute;left:60px;bottom:50px;font-family:"Open Sans",sans-serif;font-weight:400;color:#fff;letter-spacing:2px;display:-webkit-box;display:-ms-flexbox;display:flex;}
.bannerArea .numBox .num {font-size:20px;}
.bannerArea .numBox .numTotal {font-size:20px;}
.bannerArea .scrollDown {position:absolute;left:50%;bottom:150px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:13px;font-weight:400;font-family:"Open Sans",sans-serif;color:#fff;letter-spacing:2px;padding:45px 5px 5px;cursor:pointer;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;opacity:0.7;}
.bannerArea .scrollDown:hover {opacity:1;}
.bannerArea .scrollDown:before {content:"";position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:15px;height:22px;border:1px solid #fff;border-radius:10px;}
.bannerArea .scrollDown:after {content:"";position:absolute;top:5px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1px;height:5px;background-color:#fff;-webkit-animation:1s scrollAnti linear infinite;animation:1s scrollAnti linear infinite;}
.bannerArea .selectBox {position:absolute;right:60px;bottom:50px;font-size:0;}
.bannerArea .selectBox a {margin:5px;display:inline-block;width:40px;height:40px;border:1px solid rgba(255,255,255,0.35);border-radius:50%;position:relative;background:RGBa(202,105,45,.6)}
.bannerArea .selectBox a:hover {border-color:#fff;}
.bannerArea .selectBox a:hover.next:before {right:13px;}
.bannerArea .selectBox a:hover.next:after {width:13px;right:14px;opacity:1;}
.bannerArea .selectBox a:hover.prev:before {left:13px;}
.bannerArea .selectBox a:hover.prev:after {width:13px;left:14px;opacity:1;}
.bannerArea .selectBox .prev:before {content:"";position:absolute;top:50%;left:15px;width:8px;height:8px;border-top:2px solid #fff;border-left:2px solid #fff;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s .2s linear;-o-transition:all .2s .2s linear;transition:all .2s .2s linear;}
.bannerArea .selectBox .prev:after {content:"";position:absolute;top:calc(50% - 1px);left:16px;width:0px;height:2px;background-color:#fff;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;opacity:0;}
.bannerArea .selectBox .next:before {content:"";position:absolute;top:50%;right:15px;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s .2s linear;-o-transition:all .2s .2s linear;transition:all .2s .2s linear;}
.bannerArea .selectBox .next:after {content:"";position:absolute;top:calc(50% - 1px);right:16px;width:0px;height:2px;background-color:#fff;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;opacity:0;}
@-webkit-keyframes scrollAnti {0%,50% {opacity:1;}
100% {opacity:0;top:15px;}
}
@keyframes scrollAnti {0%,50% {opacity:1;}
100% {opacity:0;top:15px;}
}
.industryArea {margin-top:-115px;}
.industryArea.deckLine:before {/* background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#eee)),-webkit-gradient(linear,left top,left bottom,from(#eee),to(#eee)),-webkit-gradient(linear,left top,left bottom,from(#eee),to(#eee)),-webkit-gradient(linear,left top,left bottom,from(#eee),to(#eee)),-webkit-gradient(linear,left top,left bottom,from(#eee),to(#eee));background-image:-webkit-linear-gradient(top,#eee 0%,#eee 100%),-webkit-linear-gradient(top,#eee 0%,#eee 100%),-webkit-linear-gradient(top,#eee 0%,#eee 100%),-webkit-linear-gradient(top,#eee 0%,#eee 100%),-webkit-linear-gradient(top,#eee 0%,#eee 100%);background-image:-o-linear-gradient(top,#eee 0%,#eee 100%),-o-linear-gradient(top,#eee 0%,#eee 100%),-o-linear-gradient(top,#eee 0%,#eee 100%),-o-linear-gradient(top,#eee 0%,#eee 100%),-o-linear-gradient(top,#eee 0%,#eee 100%);background-image:linear-gradient(to bottom,#eee 0%,#eee 100%),linear-gradient(to bottom,#eee 0%,#eee 100%),linear-gradient(to bottom,#eee 0%,#eee 100%),linear-gradient(to bottom,#eee 0%,#eee 100%),linear-gradient(to bottom,#eee 0%,#eee 100%);opacity:1;z-index:-1;*/}
.industryArea .wrap {position:relative;z-index:1;width:1650px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
@media (min-width:1181px) {.industryArea .libolonBox,.industryArea .richBox {position:relative;width:50%;}
.industryArea .libolonBox:hover,.industryArea .richBox:hover {z-index:1;}
.industryArea .libolonBox:hover .libolonListBox,.industryArea .richBox:hover .libolonListBox {left:100%;opacity:1;z-index:100;}
.industryArea .libolonBox:hover .richListBox,.industryArea .richBox:hover .richListBox {right:100%;opacity:1;}
.industryArea .libolonListBox,.industryArea .richListBox {position:absolute;top:0;width:100%;height:100%;-webkit-box-shadow:0px 1px 19px 1px rgba(0,0,0,0.05);box-shadow:0px 1px 19px 1px rgba(0,0,0,0.05);-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;opacity:0;z-index:1;}
.industryArea .libolonListBox ul,.industryArea .richListBox ul {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100%;background-color:#fff;}
.industryArea .libolonListBox ul li,.industryArea .richListBox ul li {width:50%;height:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.industryArea .libolonListBox ul li:hover,.industryArea .richListBox ul li:hover {-webkit-box-shadow:0px 1px 24.5px 0.5px rgba(0,0,0,0.15);box-shadow:0px 1px 24.5px 0.5px rgba(0,0,0,0.15);}
}
.industryArea .libolonBox {-webkit-transition:all .4slinear;-o-transition:all .4slinear;transition:all .4slinear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:1;}
.industryArea .libolonBox.show {-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.industryArea .richBox {margin-top:60px;-webkit-transition:all .4s .2slinear;-o-transition:all .4s .2slinear;transition:all .4s .2slinear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:1;}
.industryArea .richBox.show {-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.industryArea .textEditor {position:relative;}
.industryArea .textEditor img {width:100%;display:block;}
.industryArea .textEditor .Txt {position:absolute;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,0.4);background-repeat:no-repeat;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0.5))),-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0.5))),-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0.5))),-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0.5)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%),-webkit-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%),-webkit-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%),-webkit-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%),-o-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%),-o-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%),-o-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%),linear-gradient(to bottom,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%),linear-gradient(to bottom,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%),linear-gradient(to bottom,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%);background-size:1px calc(100% - 26px),calc(100% - 26px) 1px;background-position:13px 13px,13px 13px,calc(100% - 13px) 13px,calc(100% - 13px) calc(100% - 13px);color:#ffffff;letter-spacing:1px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.industryArea .textEditor .Txt .sub_title {font-size:20px;font-weight:400;font-family:"Oswald",sans-serif;text-transform:uppercase;}
.industryArea .textEditor .Txt .title {font-size:42px;font-weight:400;font-family:"Noto Sans TC","微軟正黑體",sans-serif;}
.industryArea .textEditor .Txt .text {padding:10px 0 100px;font-size:19px;font-weight:300;font-family:"Noto Sans TC","微軟正黑體",sans-serif;position:relative;}
.industryArea .textEditor .Txt .text:before {content:"";position:absolute;left:50%;bottom:20px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px;height:28px;background-color:#fff;}
.industryArea .textEditor .Txt .text:after {content:"";position:absolute;left:50%;bottom:34px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:28px;height:2px;background-color:#fff;}
.industryArea .item {text-align:center;height:150px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.industryArea .item p {font-size:16px;font-weight:300;font-family:"Open Sans",sans-serif;color:#999999;height:24px;}
.industryArea h3 {margin:15px 0 5px;}
.industryArea h3 a {font-size:18px;font-weight:300;font-family:"Noto Sans TC","微軟正黑體",sans-serif;color:#111;}
.industryArea .Img a {display:inline-block;}
.industryArea .libolonListBox {left:0;}
.industryArea .richListBox {right:0;}
@-webkit-keyframes footerAni01 {0% {background-position-x:0px;}
100% {background-position-x:-1900px;}
}
@keyframes footerAni01 {0% {background-position-x:0px;}
100% {background-position-x:-1900px;}
}
.aboutArea {position:relative;height:1090px;}
.aboutArea.deckLine:before {/*  background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#eee)),-webkit-gradient(linear,left top,left bottom,from(#eee),to(#eee)),-webkit-gradient(linear,left top,left bottom,from(#eee),to(#eee)),-webkit-gradient(linear,left top,left bottom,from(#eee),to(#eee)),-webkit-gradient(linear,left top,left bottom,from(#eee),to(#eee));background-image:-webkit-linear-gradient(top,#eee 0%,#eee 100%),-webkit-linear-gradient(top,#eee 0%,#eee 100%),-webkit-linear-gradient(top,#eee 0%,#eee 100%),-webkit-linear-gradient(top,#eee 0%,#eee 100%),-webkit-linear-gradient(top,#eee 0%,#eee 100%);background-image:-o-linear-gradient(top,#eee 0%,#eee 100%),-o-linear-gradient(top,#eee 0%,#eee 100%),-o-linear-gradient(top,#eee 0%,#eee 100%),-o-linear-gradient(top,#eee 0%,#eee 100%),-o-linear-gradient(top,#eee 0%,#eee 100%);background-image:linear-gradient(to bottom,#eee 0%,#eee 100%),linear-gradient(to bottom,#eee 0%,#eee 100%),linear-gradient(to bottom,#eee 0%,#eee 100%),linear-gradient(to bottom,#eee 0%,#eee 100%),linear-gradient(to bottom,#eee 0%,#eee 100%);opacity:1;z-index:-1;*/}
.aboutArea.show .title,.aboutArea.show .sub_title,.aboutArea.show .Txt,.aboutArea.show .btn {-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.aboutArea .background {position:relative;position:absolute;width:100%;height:1090px;overflow:hidden;}
.aboutArea .background .bg01 {background-image:url(../images/aboutBg.png);background-repeat:no-repeat;background-size:cover;width:3800px;height:100%;-webkit-animation:100s footerAni01 linear infinite alternate;animation:100s footerAni01 linear infinite alternate;}
.aboutArea .background .bg02 {position:absolute;bottom:-25px;left:-25px;background-image:url(../images/aboutM01.png);background-repeat:no-repeat;background-size:cover;background-position:center bottom;width:100%;height:100%;-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;}
.aboutArea .background .bg03 {position:absolute;bottom:-25px;right:-25px;background-image:url(../images/aboutM02.png);background-repeat:no-repeat;background-size:cover;background-position:center bottom;width:100%;height:100%;-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;}
.aboutArea .background .bg04 {position:absolute;bottom:-10px;left:6%;background-image:url(../images/aboutPeople.png);background-repeat:no-repeat;background-size:cover;background-position:center bottom;width:742px;height:397px;}
.aboutArea .wrap {padding-top:120px;width:1120px;position:relative;}
.aboutArea .title {font-size:44px;font-weight:400;font-family:"Noto Sans TC","微軟正黑體",sans-serif;color:#091e37;margin-bottom:5px;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
.aboutArea .sub_title {font-size:22px;font-weight:300;font-family:"Noto Sans TC","微軟正黑體",sans-serif;color:#97989a;margin-bottom:35px;-webkit-transition:all .4s .4s linear;-o-transition:all .4s .4s linear;transition:all .4s .4s linear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
.aboutArea .Txt {margin-bottom:40px;font-size:14px;font-weight:300;font-family:"Noto Sans TC","微軟正黑體",sans-serif;color:#091e37;line-height:1.8;letter-spacing:0.5px;-webkit-column-count:2;column-count:2;-webkit-column-gap:95px;column-gap:95px;-webkit-transition:all .4s .8s linear;-o-transition:all .4s .8s linear;transition:all .4s .8s linear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
.aboutArea .btn {-webkit-transition:all .4s 1.2s linear;-o-transition:all .4s 1.2s linear;transition:all .4s 1.2s linear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
.aboutArea .btn a {display:inline-block;width:250px;height:50px;line-height:50px;text-align:center;font-size:13px;font-weight:400;font-family:"Open Sans",sans-serif;border:1px solid #091e37;color:#091e37;position:relative;z-index:1;}
.aboutArea .btn a:before {content:"";position:absolute;top:0;right:0;width:0%;height:100%;background-color:#091e37;z-index:-1;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.aboutArea .btn a:hover {color:#fff;}
.aboutArea .btn a:hover:before {width:100%;left:0;}
.facArea.show .leftfacList li:nth-of-type(1),.facArea.show .leftfacList li:nth-of-type(2),.facArea.show .rightfacList li:nth-of-type(1),.facArea.show .rightfacList li:nth-of-type(2) {-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1;}
.facArea .wrap {width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;}
.facArea .leftfacList {display:-webkit-box;display:-ms-flexbox;display:flex;}
.facArea .leftfacList li:nth-of-type(1) {-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);opacity:0;}
.facArea .leftfacList li:nth-of-type(1) .Txt p {width:310px;}
.facArea .leftfacList li:nth-of-type(2) {-webkit-transition:all .4s .4s linear;-o-transition:all .4s .4s linear;transition:all .4s .4s linear;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);opacity:0;}
.facArea .rightfacList {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.facArea .rightfacList li:nth-of-type(1) {-webkit-transition:all .4s .8s linear;-o-transition:all .4s .8s linear;transition:all .4s .8s linear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
.facArea .rightfacList li:nth-of-type(2) {-webkit-transition:all .4s 1.2s linear;-o-transition:all .4s 1.2s linear;transition:all .4s 1.2s linear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
.facArea li {padding:2px;}
@media (min-width:1181px) {.facArea li .btn {position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,calc(-50% + 20px));-ms-transform:translate(-50%,calc(-50% + 20px));transform:translate(-50%,calc(-50% + 20px));-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;opacity:0;}
.facArea li:hover .Txt {background-color:rgba(3,12,25,0.7);color:rgba(255,255,255,0.5);}
.facArea li:hover h3 a {color:rgba(255,255,255,0.5);}
.facArea li:hover .btn {-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1;}
}
.facArea .item {position:relative;}
.facArea .Img img {display:block;width:100%;}
.facArea .Txt {position:absolute;top:0;left:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(3,12,25,0.3);padding:70px;font-size:14px;font-weight:200;font-family:"Noto Sans TC","微軟正黑體",sans-serif;color:#fff;line-height:1.8;letter-spacing:1px;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.facArea .Txt p {width:230px;}
.facArea h3 a {font-size:28px;font-weight:300;font-family:"Noto Sans TC","微軟正黑體",sans-serif;color:#fff;}
.facArea .sub_title {font-size:13px;font-weight:400;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;}
.facArea .btn a {display:inline-block;width:250px;height:50px;line-height:50px;text-align:center;font-size:13px;font-weight:400;font-family:"Open Sans",sans-serif;border:1px solid #fff;color:#fff;}
.linkArea {padding:105px 0 80px;}
.linkArea.show .titleBox,.linkArea.show .linkBox,.linkArea.show .selectBox {-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.linkArea.deckLine:before {/*  background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#eee)),-webkit-gradient(linear,left top,left bottom,from(#eee),to(#eee)),-webkit-gradient(linear,left top,left bottom,from(#eee),to(#eee)),-webkit-gradient(linear,left top,left bottom,from(#eee),to(#eee)),-webkit-gradient(linear,left top,left bottom,from(#eee),to(#eee));background-image:-webkit-linear-gradient(top,#eee 0%,#eee 100%),-webkit-linear-gradient(top,#eee 0%,#eee 100%),-webkit-linear-gradient(top,#eee 0%,#eee 100%),-webkit-linear-gradient(top,#eee 0%,#eee 100%),-webkit-linear-gradient(top,#eee 0%,#eee 100%);background-image:-o-linear-gradient(top,#eee 0%,#eee 100%),-o-linear-gradient(top,#eee 0%,#eee 100%),-o-linear-gradient(top,#eee 0%,#eee 100%),-o-linear-gradient(top,#eee 0%,#eee 100%),-o-linear-gradient(top,#eee 0%,#eee 100%);background-image:linear-gradient(to bottom,#eee 0%,#eee 100%),linear-gradient(to bottom,#eee 0%,#eee 100%),linear-gradient(to bottom,#eee 0%,#eee 100%),linear-gradient(to bottom,#eee 0%,#eee 100%),linear-gradient(to bottom,#eee 0%,#eee 100%);opacity:1;z-index:-1;*/}
.linkArea .wrap {display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;}
.linkArea .titleBox {text-align:left;width:calc(100% - 930px);padding-top:25px;padding-left:90px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
.linkArea .titleBox .title {font-size:44px;font-weight:400;font-family:"Noto Sans TC","微軟正黑體",sans-serif;color:#092241;}
.linkArea .titleBox .sub_title {font-size:16px;font-weight:400;font-family:"Oswald",sans-serif;color:#97989a;}
.linkArea .linkBox {width:930px;-webkit-transition:all .4s .4s linear;-o-transition:all .4s .4s linear;transition:all .4s .4s linear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
.linkArea .linkList .slick-list {padding:25px;}
.linkArea li {padding:0px;}
.linkArea li:hover .item {background-color:#fff;-webkit-box-shadow:0px 1px 29.7px 0.3px rgba(0,0,0,0.1);box-shadow:0px 1px 29.7px 0.3px rgba(0,0,0,0.1);}
.linkArea .item {height:130px;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.linkArea .item .Img {height:100%;}
.linkArea .item a {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;}
.linkArea .selectBox {position:absolute;left:85px;top:155px;font-size:0;-webkit-transition:all .4s .8s linear;-o-transition:all .4s .8s linear;transition:all .4s .8s linear;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
.linkArea .selectBox a {margin:5px;display:inline-block;width:40px;height:40px;border:1px solid rgba(153,153,153,0.35);border-radius:50%;position:relative;}
.linkArea .selectBox a:hover {border-color:#092241;}
.linkArea .selectBox a:hover.next:before {border-color:#092241;right:13px;}
.linkArea .selectBox a:hover.next:after {width:13px;right:14px;opacity:1;}
.linkArea .selectBox a:hover.prev:before {border-color:#092241;left:13px;}
.linkArea .selectBox a:hover.prev:after {width:13px;left:14px;opacity:1;}
.linkArea .selectBox .prev:before {content:"";position:absolute;top:50%;left:15px;width:8px;height:8px;border-top:2px solid #999;border-left:2px solid #999;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s .2s linear;-o-transition:all .2s .2s linear;transition:all .2s .2s linear;}
.linkArea .selectBox .prev:after {content:"";position:absolute;top:calc(50% - 1px);left:16px;width:0px;height:2px;background-color:#092241;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;opacity:0;}
.linkArea .selectBox .next:before {content:"";position:absolute;top:50%;right:15px;width:8px;height:8px;border-top:2px solid #999;border-right:2px solid #999;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s .2s linear;-o-transition:all .2s .2s linear;transition:all .2s .2s linear;}
.linkArea .selectBox .next:after {content:"";position:absolute;top:calc(50% - 1px);right:16px;width:0px;height:2px;background-color:#092241;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;opacity:0;}
footer.show .dataBox,footer.show .company,footer.show .copyright {-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;}
footer .dataBox {-webkit-transition:all 0.4s cubic-bezier(0,0,0.73,1.21);-o-transition:all 0.4s cubic-bezier(0,0,0.73,1.21);transition:all 0.4s cubic-bezier(0,0,0.73,1.21);-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
footer .dataBox:nth-of-type(1) {-webkit-transition-delay:0.1s;-o-transition-delay:0.1s;transition-delay:0.1s;}
footer .dataBox:nth-of-type(2) {-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s;}
footer .dataBox:nth-of-type(3) {-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
footer .dataBox:nth-of-type(4) {-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s;}
footer .dataBox:nth-of-type(5) {-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s;}
footer .dataBox:nth-of-type(6) {-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s;}
footer .dataBox:nth-of-type(7) {-webkit-transition-delay:0.7s;-o-transition-delay:0.7s;transition-delay:0.7s;}
footer .company {-webkit-transition:all 0.4s cubic-bezier(0,0,0.73,1.21);-o-transition:all 0.4s cubic-bezier(0,0,0.73,1.21);transition:all 0.4s cubic-bezier(0,0,0.73,1.21);-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
footer .company:nth-of-type(1) {-webkit-transition-delay:1.0s;-o-transition-delay:1.0s;transition-delay:1.0s;}
footer .company:nth-of-type(2) {-webkit-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s;}
footer .copyright {-webkit-transition:all 0.4s cubic-bezier(0,0,0.73,1.21);-o-transition:all 0.4s cubic-bezier(0,0,0.73,1.21);transition:all 0.4s cubic-bezier(0,0,0.73,1.21);-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;}
@media (max-width:1670px) {.industryArea .wrap {width:100%;}
}
@media (max-width:1430px) {.facArea .wrap {padding:0;}
}
@media (max-width:1280px) {.linkArea .titleBox {padding-left:0;}
}
@media (max-width:1180px) {.scrollDown {display:none;}
.bannerArea .numBox {bottom:20px;}
.bannerArea .selectBox {bottom:20px;}
.industryArea {margin-top:0;}
.industryArea .wrap {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;}
.industryArea .libolonBox,.industryArea .richBox {margin-top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.industryArea .libolonBox .textEditor,.industryArea .richBox .textEditor {width:50%;}
.industryArea .richBox {-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.industryArea .libolonListBox,.industryArea .richListBox {width:50%;}
.industryArea .item {padding:25px 0;}
.aboutArea .wrap {width:600px;}
.aboutArea .background .bg04 {bottom:-100px;left:-150px;}
.aboutArea .Txt {-webkit-column-count:auto;column-count:auto;}
.facArea .wrap {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.facArea .rightfacList {-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.facArea .btn {margin-top:20px;}
.facArea .btn a {border:none;background-color:#091e37;}
.linkArea {padding:30px 0 50px;}
.linkArea .wrap {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 60px;}
.linkArea .titleBox {width:100%;padding:0;padding-left:40px;}
.linkArea .linkBox {width:100%;}
.linkArea .linkList .slick-list {padding:0;}
.linkArea .selectBox {position:relative;left:0;top:0;margin-top:20px;padding-left:40px;}
}
@media (max-width:960px) {
.industryArea .libolonBox,.industryArea .richBox {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;}
.industryArea .libolonBox .textEditor,.industryArea .richBox .textEditor {width:100%;}
.industryArea .libolonListBox,.industryArea .richListBox {padding:20px 0 30px;width:100%;}
.facArea .Txt {padding:20px;}
}
@media (max-width:640px) {.bannerArea .numBox,.bannerArea .selectBox {display:block;}
.bannerArea .numBox {bottom:0px;}
.bannerArea .selectBox {bottom:0px;}
.bannerArea .selectBox {position:absolute;right:10px;bottom:10px;font-size:0;}
.bannerArea .selectBox a:hover.prev:before {left:5px;}
.bannerArea .selectBox a:hover.prev:after {width:13px;left:6px;}
.bannerArea .selectBox a:hover.next:before {right:5px;}
.bannerArea .selectBox a:hover.next:after {width:13px;right:6px;}
.bannerArea .selectBox .prev:before {left:5px;}
.bannerArea .selectBox .prev:after {left:6px;}
.bannerArea .selectBox .next:before {right:5px;}
.bannerArea .selectBox .next:after {right:6px;}
.bannerArea .selectBox a {display:inline-block;width:25px;height:25px;}
.bannerArea .numBox {left:10px;bottom:10px;color:#fff;letter-spacing:1px;width:60px;}
.bannerArea .numBox .num {font-size:14px;display:inline-block;}
.bannerArea .numBox .numTotal {font-size:12px;display:inline-block;}

.aboutArea .wrap {padding-top:40px;width:100%;}
.aboutArea .title {font-size:34px;}
.aboutArea .sub_title {font-size:19px;}
.facArea .leftfacList {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.facArea .rightfacList {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.facArea .sub_title {margin-bottom:5px;}
.facArea h3 a {font-size:24px;}
.linkArea .selectBox {text-align:center;padding:0;}
}
@media (max-width:1400px) {.bannerArea .sub_title {display:block;}
.bannerArea .sub_title {font-size:30px;}
.bannerArea .title{ font-size:48px;}
.bannerArea .title {letter-spacing: normal;padding:0px;margin-bottom:0px;}
.bannerArea .Txt_join {display:none;}
.industryArea .textEditor .Txt .sub_title {font-size:20px;}
.industryArea .textEditor .Txt .title {font-size:30px;padding-bottom:10px;}
.industryArea .textEditor .Txt .text {font-size:12px;padding:0;}
.industryArea .textEditor .Txt .text:before,.industryArea .textEditor .Txt .text:after {display:none;}
.facArea .Txt {font-size:12px;}
.facArea .btn a {width:135px;height:45px;line-height:45px;}
.linkArea.deckLine:before {/*  background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#eee));background-image:-webkit-linear-gradient(top,#eee 0%,#eee 100%);background-image:-o-linear-gradient(top,#eee 0%,#eee 100%);background-image:linear-gradient(to bottom,#eee 0%,#eee 100%);background-position:50% 0;*/}
.linkArea .wrap {padding:0 20px;}
.linkArea .titleBox {padding-left:0;}
}

@media (max-width:1100px) {.bannerArea .sub_title {display:block;}
.bannerArea .sub_title {font-size:18px;}
.bannerArea .title{ font-size:24px; margin-top:10px;}
.bannerArea .title {letter-spacing: normal;padding:0px;margin-bottom:0px;}
}
@media (max-width:639px) {.bannerArea .sub_title {display:block;-webkit-text-stroke:1px #fff;}
.bannerArea .sub_title {font-size:16px;}
.bannerArea .title{ font-size:20px;}
.bannerArea .title {letter-spacing: normal;padding:0px;margin-top:7px;}
.bannerArea .Txt_join {display:none;}
.industryArea .textEditor .Txt .sub_title {font-size:15px;}
.industryArea .textEditor .Txt .title {font-size:26px;padding-bottom:10px;}
.industryArea .textEditor .Txt .text {font-size:12px;padding:0;}
.industryArea .textEditor .Txt .text:before,.industryArea .textEditor .Txt .text:after {display:none;}
.facArea .Txt {font-size:12px;}
.facArea .btn a {width:135px;height:45px;line-height:45px;}
.linkArea.deckLine:before {/*  background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#eee));background-image:-webkit-linear-gradient(top,#eee 0%,#eee 100%);background-image:-o-linear-gradient(top,#eee 0%,#eee 100%);background-image:linear-gradient(to bottom,#eee 0%,#eee 100%);background-position:50% 0;*/}
.linkArea .wrap {padding:0 20px;}
.linkArea .titleBox {padding-left:0;}
}
@media (max-width:360px) {.facArea .leftfacList li:nth-of-type(1) .Txt p {width:100%;}
}
/*# sourceMappingURL=home.css.map */